<template>
  <el-dialog
    :visible.sync="visible"
    :close-on-click-modal="false"
    class="dialog-sm"
    top="30px"
    width="980px"
    :before-close="beforeClose"
  >
    <el-tabs v-model="activeName" tab-position="left">
      <el-tab-pane label="推荐提示" name="active0"></el-tab-pane>
      <el-tab-pane label="拒绝反馈" name="active1"></el-tab-pane>
      <el-tab-pane label="受理提示" name="active2"></el-tab-pane>
      <el-tab-pane label="调查完成" name="active3"></el-tab-pane>
      <el-tab-pane label="审批提示" name="active4"></el-tab-pane>
      <el-tab-pane label="保函回执" name="active5"></el-tab-pane>
      <el-tab-pane label="放款提示" name="active6"></el-tab-pane>
      <el-tab-pane label="异常提示" name="active7"></el-tab-pane>
      <el-tab-pane label="收费提示" name="active8"></el-tab-pane>
      <el-tab-pane label="到账提示" name="active9"></el-tab-pane>
    </el-tabs>
  </el-dialog>
</template>

<script>
export default {
  components: {},
  props: {
    visible: Boolean,
  },
  data() {
    return {
      activeName: 'active0',
    }
  },
  computed: {},
  watch: {},
  mounted() {},
  created() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>
<style lang="scss" scoped></style>
